<script lang="ts" setup>
// import { useMainStore } from '@/store/main'
// import { useSlots, useAttrs, ref } from 'vue'
// import dayjs from 'dayjs'

// 入参写法
// const props = defineProps({})
// emit抛出事件
// const emit = defineEmits([])
// const mainStore = useMainStore()
// const clickdemo = () => {
//   mainStore.setDemo('测试测试')
// }

// solts和attrs
// const slots = useSlots()
// const attrs = useAttrs()

// 自定义指令
// const vMyDirective = {
//   beforeMount: () => {
//     // 操作
//   },
// }

// 抛出方法或变量给外部ref调用
// defineExpose({})

// 日期时间转换插件dayjs
// const time = ref(dayjs().format('YYYY年MM月DD日 HH:mm:ss'))
</script>
<template>
  <!-- <el-button @click="clickdemo">{{ mainStore.demo }}</el-button> -->
  <h1 v-my-directive></h1>

  <!-- <span>{{ time }}</span> -->
</template>
<style lang="scss" scoped>
.progress_div {
  // height: 100%;
  padding: 10px;
}
.cron-box {
  width: 600px;
}
</style>
